﻿@{
    ViewBag.Title = "Home Page";
}

<div class="Home_page">
    <!--Shishow-->
    <div class="container">
        <div class="row Home_Shishow">
            <div class="col-xs-12 col-md-9">


                <img class="img-responsive" src="~/Images/Quangcao/show_01.png" />

            </div>
            <div class="col-xs-12 col-md-3 Home_quangcao">
                <img class="img-responsive" src="~/Images/Quangcao/quangcao_01.jpg" />
                <img class="img-responsive" src="~/Images/Quangcao/quangcao_02.jpg" />
                <img class="img-responsive" src="~/Images/Quangcao/quangcao_03.jpg" />
            </div>
        </div>
    </div>
    <!-- End-Shishow-->
    <!-------------------------------------------------->
    <!--advertisement-->
    <div class="Home_advertisement">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <i class="fa fa-car" style="font-size:36px;"></i>
                    <div class="text-area">
                        <h3>Passionate about easy-to-eat superfood</h3><p>
                            We make it our mission to source for nature’s<br>
                            best superfood and make them affordable for everyone
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <i class="fa fa-shopping-cart"></i>
                    <div class="text-area">
                        <h3>Best price schemes for our customers</h3><p>
                            We make it our mission to source for nature’s<br>
                            best superfood and make them affordable for everyone
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <i class="fa fa-truck" style="font-size:32px;"></i><div class="text-area">
                        <h3>Lots of information on Superfood</h3><p>
                            We make it our mission to source for nature’s<br>
                            best superfood and make them affordable for everyone
                        </p>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- End-advertisement-->
    <!-------------------------------------------------->
    <!--Product-->
    <div class="container">
        <div class="row Home_Product">
            <div class="col-xs-12 col-md-9">
                <div class="row Home_SP_new">
                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>
                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>

                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>

                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>





                </div>

                <div class="row Home_SP_new">
                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>
                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>

                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>

                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="row Home_SP_new">
                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>
                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>

                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>

                    <div class="col-xs-6 col-md-3 Home_SP_new_one">
                        <div class="thumbnail">
                            <a href="#" class="">
                                <img src="~/Images/Product/SP.png" alt="..." style="width:100%;" />
                            </a>
                            <div class="caption">
                                <a href="#">
                                    <h4>Thumbnail label</h4>
                                    <p><span>287.000 VNĐ</span></p>
                                    <p>290.000 VNĐ</p>
                                </a>
                                <i>-36%</i>
                            </div>
                        </div>

                    </div>





                </div>




            </div>

            <div class="col-xs-12 col-md-3">

                <div class="list-group Home_SP_menu">
                    <a href="#" class="list-group-item active">
                        Categories
                    </a>

                    <a class="list-group-item" href="#menucap_2_01" data-toggle="collapse"> All Bouquets <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_01">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_02" data-toggle="collapse">Opening Stands <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_02">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_03" data-toggle="collapse">New Born <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_03">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_04" data-toggle="collapse">Well Wishes <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_04">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_05" data-toggle="collapse">Condolence Stands <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_05">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>
                    <a class="list-group-item" href="#menucap_2_06" data-toggle="collapse">Shop by Colour <i class="fa fa-plus-square-o pull-right"></i></a>
                    <div class="collapse" id="menucap_2_06">
                        <a href="#" class="list-group-item">Subitem 1</a>
                        <a href="#" class="list-group-item">Subitem 2</a>
                        <a href="#" class="list-group-item">Subitem 3</a>
                    </div>


                </div>





            </div>
        </div>

        <!-- End-Product-->


    </div>
</div>
